.popup{
    margin: auto;
    width: 750px;
}

.popup a{
    text-decoration: none;
    color: #1781F4;
}

.popup label{
    display: inline-block;
    width: 140px;
}
.popup .col{
    float: left;
    margin: 0 20px 5px 0 ;
}
.popup .col-folder{
    
    margin: 0 20px 5px 0 ;
}

.popup .row{
    clear: left;
    float: left;
    width: 100%
}
.popup #filter{
    float: left;
    margin: 0 0 20px 0;
}
.popup #filter-folder{
    margin: 0 0 0px 0;
    height: 100px;
}
/* size control */
.popup .medium{
    width: 200px;
}

.popup .big{
    width: 300px;
}

/* float */
.left{
    float: left;
}

.right{
    float: right;
}

/* align */
.center{
    text-align: center;
}

/* form */
.pagination a, .pagination span,.popup .button{
    display: inline-block;
    height: 20px;
    padding: 0 10px;
    background-color: #BDBDBF;
    border: 1px solid #D8D8D8;
    color: black;
    margin: 1px 0 0 0;
}

.pagination span{
    color: #F8F8F8
}

.popup table{
    width: 100%;
    border-spacing: 0;
}

.popup table thead{
    text-align: left;
    background-color: #DCDCDC;
}

.popup table td{
    border-bottom: 1px solid #E1E1E1;
    height: 30px;
}

.footer{
    border-bottom: none;
    padding-top: 20px;
    clear: both;
}

/* pagination */
/* pagination */
.pagination {
    display: inline-block;
    padding: 0;
    margin: 0 auto;
}
.button2-right {
    float: left;
    margin-left: 5px;
    margin-right: 10px;
}

.button2-right {
    float: left;
    margin-left: 5px;
    margin-right: 10px;
}

.button2-left {
    float: left;
    margin-right: 10px;
}

.button2-left {
    float: left;
    margin-right: 10px;
}

.button2-left {
    float: left;
    margin-right: 10px;
}

.page a, .page span{
    display: inline-block;
    line-height: 22px;
    font-size: 1em;
    cursor: pointer;
    width: 20px
}

.width100{
    width: 100px;
}

.clearfix{
    clear: both;
}